<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/12/28
  Time: 9:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Ajax跨域</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                $.ajax({
                    type: "post",
                    url: "http://192.168.31.98:8080/ajax/jp",
                    // 当dataType的值为jsonp时,表示使用JSONP跨域访问
                    // 实现的过程已经由ajax方法进行了封装
                    dataType:"jsonp",
                    // 默认情况下,发送的请求会自动携带一个参数
                    // 参数key为:callback
                    // 可以通过jsonp选项更改参数的key
                    // 一般情况下,不要去修改,除非后端开发人员特意强调修改
                    // 此处的key与后端开发人员使用的key不一致,将无法访问回调函数
                    // jsonp:"a",
                    success: function (result) {
                        console.log(result);
                    }
                });
            });
        });
    </script>
</head>
<body>
<button id="btn">测试</button>
</body>
</html>
